<?php

$output = $title = $type = $onclick = $custom_links = $img_size = $custom_links_target = $images = $el_class = $interval = '';

extract(shortcode_atts(array(

    'title' => '',

    'type' => 'flexslider',

    'onclick' => 'link_image',

    'custom_links' => '',

    'custom_links_target' => '',

    'img_size' => 'thumbnail',

    'display_title_caption' => '',

    'gallery_style' => '',

    'constrain_max_cols' => '',

    'flexible_slider_height' => '',

    'layout' => '',

    'images' => '',

    'el_class' => '',

    'interval' => '5',

), $atts));

$gal_images = '';

$link_start = '';

$link_end = '';

$el_start = '';

$el_end = '';

$slides_wrap_start = '';

$slides_wrap_end = '';



$el_class = $this->getExtraClass($el_class);





if(!function_exists('wp_get_attachment')) {

	function wp_get_attachment( $attachment_id ) {

	

		$attachment = get_post( $attachment_id );

		return array(

			'alt' => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),

			'caption' => $attachment->post_excerpt,

			'description' => $attachment->post_content,

			'href' => get_permalink( $attachment->ID ),

			'src' => $attachment->guid,

			'title' => $attachment->post_title

		);

	}

}



if ( $type == 'flexslider_style' ) {

    $el_start = '<li>';

    $el_end = '</li>';

    $slides_wrap_start = '<ul class="slides">';

    $slides_wrap_end = '</ul>';

	

    wp_enqueue_script('flexslider');

	

} else if ( $type == 'nectarslider_style' ) {

    



    $el_start = '';

    $el_end = '';

	

   	$bulk_param = ($onclick != 'link_no') ? 'false' : 'true';



	if($img_size == 'thumbnail') {

		$slide_height = '200';

	} else if ($img_size == 'full'){

		$slide_height = '1000';

	}

	else {

		$arr = explode("x", $img_size, 2);

		$slide_height = $arr[1];

	}



	$slides_wrap_start .= '<div class="nectar-slider-wrap" style="height: '.$slide_height.'px" data-flexible-height="'.$flexible_slider_height.'" data-fullscreen="false"  data-full-width="false" data-parallax="false" data-autorotate="5500" id="ns-id-'.uniqid().'">';

	$slides_wrap_start .=	'<div class="swiper-container" style="height: '.$slide_height.'px"  data-loop="'.$bulk_param.'" data-height="'.$slide_height.'" data-arrows="true" data-bullets="false" data-desktop-swipe="'.$bulk_param.'" data-settings="">';

	$slides_wrap_start .=	'<div class="swiper-wrapper">';

	

	$slides_wrap_end .= '</div>  <a href="" class="slider-prev"><i class="icon-salient-left-arrow"></i> <div class="slide-count"> <span class="slide-current">1</span> <i class="icon-salient-right-line"></i> <span class="slide-total"></span> </div> </a>

			     		<a href="" class="slider-next"><i class="icon-salient-right-arrow"></i> <div class="slide-count"> <span class="slide-current">1</span> <i class="icon-salient-right-line"></i> <span class="slide-total"></span> </div> </a>';

			       

	$slides_wrap_end .= '<div class="nectar-slider-loading"></div> </div> </div>';

	

	

} else if ( $type == 'image_grid' ) {

   

	

	//calculate cols

	switch($layout){

		case '3':

			$cols = 'cols-3';

			break; 

		case '4':

			$cols = 'cols-4';

			break; 

		case 'fullwidth':

			$cols = 'elastic';

			break; 

	}

		

	switch($cols){

		case 'cols-3':

			$span_num = 'span_4';

			break; 

		case 'cols-4':

			$span_num = 'span_3';

			break; 

		case 'elastic':

			$span_num = 'elastic-portfolio-item';

			break; 

			

	}

		



	$constrain_col_class = (!empty($constrain_max_cols) && $constrain_max_cols == 'true') ? ' constrain-max-cols' : null ;



	ob_start(); ?>





	<div class="portfolio-wrap <?php if($gallery_style == '1' && $span_num == 'elastic-portfolio-item') echo 'default-style'; ?>">

			

			<span class="portfolio-loading"></span>



			<div id="portfolio" class="row portfolio-items no-masonry <?php echo $constrain_col_class; ?>" data-starting-filter="" data-categories-to-show="" data-col-num="<?php echo $cols; ?>">

				

			

		

	<?php 

	

	$slides_wrap_start = ob_get_contents();

	

	ob_end_clean();

	

	

	

	ob_start(); ?>

	
<!--justin was here
-->	<div class="col <?php echo $span_num; ?> element" data-project-cat="" data-default-color="false">

	

	<?php 

			

	$el_start = ob_get_contents();

	

	ob_end_clean();

	

	$el_end = '</div>';



    

    $slides_wrap_end = '</div></div>';

	

	

	



	

	

}







$flex_fx = '';

if ( $type == 'flexslider_style' ) {

    $type = ' wpb_flexslider flex-gallery flexslider';

    $flex_fx = ' data-flex_fx="fade"';

} else if ( $type == 'nectarslider_style' ) {

    $type = 'nectarslider_style';

    $flex_fx = '';

} 





if ( $images == '' ) $images = '-1,-2,-3';



$pretty_rel_random = ' rel="prettyPhoto[rel-'.rand().']"'; //rel-'.rand();



if ( $onclick == 'custom_link' ) { $custom_links = explode( ',', $custom_links); }

$images = explode( ',', $images);

$i = -1;



foreach ( $images as $attach_id ) {

    $i++;

    if ($attach_id > 0) {

        $post_thumbnail = wpb_getImageBySize(array( 'attach_id' => $attach_id, 'thumb_size' => $img_size ));

    }

    else {

        $different_kitten = 400 + $i;

        $post_thumbnail = array();

        $post_thumbnail['thumbnail'] = '<img src="http://placekitten.com/g/'.$different_kitten.'/300" />';

        $post_thumbnail['p_img_large'][0] = 'http://placekitten.com/g/1024/768';

    }



    $thumbnail = $post_thumbnail['thumbnail'];

    $p_img_large = $post_thumbnail['p_img_large'];

    $link_start = $link_end = '';



    if ( $onclick == 'link_image' ) {

        $link_start = '<a href="'.$p_img_large[0].'"'.$pretty_rel_random.'>';

        $link_end = '</a>';

    }

    else if ( $onclick == 'custom_link' && isset( $custom_links[$i] ) && $custom_links[$i] != '' ) {

        $link_start = '<a href="'.$custom_links[$i].'"' . (!empty($custom_links_target) ? ' target="'.$custom_links_target.'"' : '') . '>';

        $link_end = '</a>';

    }

	

	if($type == 'nectarslider_style') {

		$img = wp_get_attachment_image_src(  $attach_id, $img_size );

		

		$thumbnail = '<div class="swiper-slide" style="background-image: url('. $img[0].');" data-bg-alignment="center" data-color-scheme="light" data-x-pos="centered" data-y-pos="middle">';

		

		if ( $onclick == 'link_image' ) {

	        $slide_link = '<a class="entire-slide-link" href="'.$p_img_large[0].'"'.$pretty_rel_random.'></a>';

	    }

	    else if ( $onclick == 'custom_link' && isset( $custom_links[$i] ) && $custom_links[$i] != '' ) {

	        $slide_link = '<a class="entire-slide-link" href="'.$custom_links[$i].'"' . (!empty($custom_links_target) ? ' target="'.$custom_links_target.'"' : '') . '></a>';

	    } else {

	    	$slide_link = null;

	    }

		

		$thumbnail .= $slide_link;

		

		$link_start = null;

		$link_end = null;

		

		$thumbnail .= '<span class="ie-fix"></span> </div><!--/swiper-slide-->';



	}

	

	

	

	

	if($type == 'image_grid'){ 

		

			$img = wp_get_attachment_image_src(  $attach_id, $img_size );

			

	

				ob_start(); ?>



						

						<?php //project style 1

							

							if($gallery_style == '1') { ?>

								

							<div class="work-item">

								 

								<?php

								$post_thumbnail = wpb_getImageBySize(array( 'attach_id' => $attach_id, 'thumb_size' => $img_size ));

								echo $post_thumbnail['thumbnail']; ?>

								

								<div class="work-info-bg"></div>

								<div class="work-info"> 

									

									<div class="vert-center">

										

										<?php echo '<a href="'.$p_img_large[0].'"'.$pretty_rel_random.' >'.__("View Larger", NECTAR_THEME_NAME).'</a> '; ?>

									    

									</div><!--/vert-center-->

								</div>

							</div><!--work-item-->

							

							<?php if($display_title_caption == 'true') { ?>

								

								<div class="work-meta">

									<?php $attachment_meta = wp_get_attachment($attach_id); ?> 

											

									<h4 class="title"><?php echo $attachment_meta['title']; ?></h4>

									<p><?php echo $attachment_meta['caption']; ?></p>

									

								</div>

								

							<?php } ?>

	

						<?php } //project style 1 

						

						

						//project style 2

						else if($gallery_style == '2') { ?>

							

							<div class="work-item style-2">

								

								<?php

								$post_thumbnail = wpb_getImageBySize(array( 'attach_id' => $attach_id, 'thumb_size' => $img_size ));

								echo $post_thumbnail['thumbnail']; ?>

			

								<div class="work-info-bg"></div>

								<div class="work-info">

									

									<i class="icon-salient-plus"></i> 

										

								    <a <?php echo 'href="'.$p_img_large[0].'" '.$pretty_rel_random; ?>></a>

		

									<div class="vert-center">

										<?php if($display_title_caption == 'true') {

											

											$attachment_meta = wp_get_attachment($attach_id); ?> 

											

											<h3><?php echo $attachment_meta['title']; ?></h3> 

											<p><?php echo $attachment_meta['caption']; ?></p>

											

										<?php } ?>

									</div><!--/vert-center-->

									

								</div>

							</div><!--work-item-->

							

						<?php } //project style 2 

						

												

						

						else if($gallery_style == '3') { ?>

							

							<div class="work-item style-3">

								

								<?php

								$post_thumbnail = wpb_getImageBySize(array( 'attach_id' => $attach_id, 'thumb_size' => $img_size ));

								echo $post_thumbnail['thumbnail']; ?>

				

								<div class="work-info-bg"></div>

								<div class="work-info">

    	

									<div class="vert-center">

										<?php if($display_title_caption == 'true') {

											

											$attachment_meta = wp_get_attachment($attach_id); ?> 

											

											<h3><?php echo $attachment_meta['title']; ?></h3> 

											<p><?php echo $attachment_meta['caption']; ?></p>

											

										<?php } ?>

									</div><!--/vert-center-->

									

									<a <?php echo 'href="'.$p_img_large[0].'" '.$pretty_rel_random; ?>></a>

									

								</div>

							</div><!--work-item-->

							

						<?php } //project style 3 

						

						

						else if($gallery_style == '4') { ?>

							

							<div class="work-item style-4">

								

								<?php

								$post_thumbnail = wpb_getImageBySize(array( 'attach_id' => $attach_id, 'thumb_size' => $img_size ));

								echo $post_thumbnail['thumbnail']; ?>



								<div class="work-info">



								    <a <?php echo 'href="'.$p_img_large[0].'" '.$pretty_rel_random; ?>></a>



									<div class="bottom-meta">

										<?php if($display_title_caption == 'true') {

											

										$attachment_meta = wp_get_attachment($attach_id); ?> 

											

										<h3><?php echo $attachment_meta['title']; ?></h3> 

										<p><?php echo $attachment_meta['caption']; ?></p>	 

										

										<?php } ?>

									</div><!--/bottom-meta-->

									

								</div>

							</div><!--work-item-->

							

						<?php } //project style 4



			

						$thumbnail = ob_get_contents();



						ob_end_clean();

						

						$link_start = null;

						$link_end = null;

		

		

	}

	

	

	

	

	

    $gal_images .= $el_start . $link_start . $thumbnail . $link_end . $el_end;

}

$css_class =  apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'wpb_gallery wpb_content_element'.$el_class.' clearfix', $this->settings['base']);

$output .= "\n\t".'<div class="'.$css_class.'">';

$output .= "\n\t\t".'<div class="wpb_wrapper">';

$output .= wpb_widget_title(array('title' => $title, 'extraclass' => 'wpb_gallery_heading'));

$output .= '<div class="wpb_gallery_slides'.$type.'" data-interval="'.$interval.'"'.$flex_fx.'>'.$slides_wrap_start.$gal_images.$slides_wrap_end.'</div>';

$output .= "\n\t\t".'</div> '.$this->endBlockComment('.wpb_wrapper');

$output .= "\n\t".'</div> '.$this->endBlockComment('.wpb_gallery');



echo $output;